<template>
  <div class="font-semibold" :class="percent > 0 ? 'text-red-500' : 'text-green-600'">
    <span v-if="percent > 0">+</span>
    <span>{{ (percent * 100).toFixed(2) }}%</span>
  </div>
</template>
<script setup>
const props = defineProps(['percent']);
</script>
